﻿@charset "UTF-8";
/* 轮播模块 */
.carousel {
  float: right;
  width: 1200px;
  height: 400px;
  margin: 0 0 5px;
  border: 1px solid #e6e6e6;
  /*border-left: 0;*/
  background-color: #fff;
overflow:hidden; 
}

/* 辅助工具栏 */
.tool {
  width: 100%;
  height: 37px;
}

.tool ul {
  display: block;
  margin: 0;
  padding: 0;
}

.tool li {
  float: left;
  width: 20%;
  height: 38px;
  text-align: center;
  line-height: 38px;
  list-style-type: none;
}

.tool li a,
.carousel-btn a {
  text-decoration: none;
  font-size: 14px;
  color: #666;
}

.tool li a:hover {
  color: #0B8C44;
}

.tool-activity {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sales-activity.jpg) no-repeat;
}

.tool-line {
  height: 2px;
  width: 100%;
  background-color: #0B8C44;
}

/* 轮播图片 */
.carousel-img,
.carousel-items img,
.carousel-items {
  width: 810px;
  height: 400px;
  position: relative;
  left:0;
}
.carousel-img {
    float:right;
}

.carousel-items img,
.carousel-items {
  position: absolute;
  top: 0;
  left: 0;
}


/* 轮播控制按钮 */
.carousel-btn-back,
.carousel-btn-next {
  display: block;
  position: absolute;
  top: 140px;
  width: 40px;
  height: 80px;
  /*border: 1px solid #ccc;*/
  text-indent: -99999px;
  background-color: #fff;
  border-radius:5px 0 0 5px;
}

.carousel-btn-back {
  left: 0;
  border-left: 0;
  background: url(../images/carousel-btn.png) 0 0;
  border-radius:0 5px 5px 0;
}

.carousel-btn-back:hover {
  cursor: pointer;
  background: url(../images/carousel-btn.png) 0 -80px;
}

.carousel-btn-next {
  right: 0;
  border-right: 0;
  background: url(../images/carousel-btn.png) 40px 0;
}

.carousel-btn-next:hover {
  cursor: pointer;
  background: url(../images/carousel-btn.png) 40px -80px;
}


/* 轮播列表 */
.carousel-list {
    margin-left:-70px;
    position: absolute;
    bottom: 10px;
    left:50%;

  
}

.carousel-list ul {
  display: block;
  margin: 0;
  padding: 0;
}

.carousel-list-li {
  float: left;
  width: 30px;
  height: 12px;
  margin: 0 5px 0 0;
  list-style: none;
  border-radius:1px;
}
.carousel-list-li:last-child{
  margin:0;
}

.carousel-list-activate {
    background: #262626;
}


 